<template>
  <div class="check-list-container">
    <div
      class="prescription-item"
      v-if="checkList.length"
    >
      <div class="check-top-title">
        <span>费别：检查治疗项</span>
      </div>
      <ul class="item-ul">
        <li class="item-li" v-for="(check,checkidx) in checkList" :key="checkidx">
          <p class="name"><span>{{check.check_item_name}}</span></p>
          <p class="name"><span>{{check.check_item_number}}次</span></p>
          <p class="name"><span>单价：{{check.check_item_number*check.price}}</span></p>
        </li>
      </ul>
    </div>
    <div
      class="prescription-item"
      v-if="surchargeList.length"
    >
      <div class="check-top-title">
        <span>费别：附加费用</span>
      </div>
      <ul class="item-ul">
        <li class="item-li" v-for="(sur,suridx) in surchargeList" :key="suridx">
          <p class="name"><span>{{sur.surcharge_name}}</span></p>
          <p class="name"><span>金额：{{sur.amount}}</span></p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
    props: {
        checkList: {
            type: Array,
            default: ()=>{}
        },
        surchargeList: {
            type: Array,
            default: ()=>{}
        }
    }
}
</script>

<style lang="scss" scoped>
@import "@/assets/scss/print/checkItemList.scss";
</style>